<style lang="scss" scoped>

</style>
<template>
<Modal width="835px" v-model="upModal" :mask-closable="false" @on-cancel="clearData">
    <div class="sample-title">文件上传</div>
    <div class="upload">
        <Col span="24" class="demo-tabs-style2">
            <Tabs type="card"  @on-click="serverlocal" v-model="tabsVal">
                <TabPane label="upload" name="upload">
                    <div>
                        <Upload ref="upload" multiple action="/dchealth-platform/1.0/upload/fileUpload" show-upload-list :data="{'sampleid':this.samid,'userId':this.userId,'type':'vcf'}" 
                            :on-success="upsuccess" :on-error="uperror" @clearFiles="clearFiles"> 
                            <Button type="ghost" style="background:#4578ad;">上传文件</Button>
                        </Upload>
                    </div>
                </TabPane>
                <TabPane label="harddisk" name="local">
                    <tree-grid :columns="columns"  ref="tree" :tree-structure="true" :data-source="fileCategoryList" :requestUrl="samid">
                    </tree-grid>
                </TabPane>                                                                                                                                                                                                  

        <!-- 服务器上传tab -->
                <TabPane label="server" name="server">
                    <div class="fun"></div>
                    <tree-grid :columns="columns"  ref="tree" :tree-structure="true" :data-source="fileServerCategoryList" :requestUrl="samid">
                    </tree-grid>
                </TabPane>
        <!-- 服务器上传tab结束 -->
            </Tabs>
        </Col>

    </div>
</Modal>
</template>
<script>
export default {
    name:'fileUp',
    data(){
        return{
            upModal:true
        }
    }
}
</script>


